import {useNavigate} from "react-router-dom";

const Article=()=>{
    // 编程式导航，导入一个钩子函数useNavigate
    const navigate = useNavigate();
    return (
        <div>
            我是文章页
            <br/>
            {/*编程式导航*/}
            {/*<button onClick={()=>navigate('/login')}>跳转到文章</button>*/}
            {/*<button onClick={()=>navigate('/login?id=1001&name=jack')}>searchParams传参</button>*/}
            <button onClick={()=>navigate('/login/1001/jack')}>Params传参</button>
        </div>
    )
}


// 声明式导航（Link to）常常用在菜单里面
// 编程式导航，常常用在逻辑代码里面
export default Article